/**
 * Created by Administrator on 2019/9/27.
 */
var $ = jQuery.noConflict();
$(function(){
    $.getJSON("/easybuy/home/menu",
        function(data){
            $(".menu_r").html("<li><a href=\"Index.html\">首页</a></li>");
            for (var i = 0; i < data.list1.length; i++) {
                $(".menu_r").append("<li><a href=\"CategoryList.html?categoryLevel1Id="+data.list1[i].id+"&amp;name2="+data.list1[i].name+"\">"+data.list1[i].name+"</a></li>");
            }
            $(".leftNav ul").html("");
            for(var i = 0;i<data.list1.length;i++){
                $(".leftNav ul").append("<li id='a"+data.list1[i].id+"'>" +
                    "<div class='fj'>" +
                    " <span class='n_img'><span></span><img src='images/nav"+(i+1)+".png' /></span>" +
                    " <span class='fl'>"+data.list1[i].name+"</span> " +
                    "</div> " +
                    "<div class='zj' style='top:-"+(i*40)+"px;'> " +
                    "<div class='zj_l'> "+
                    "</div>"+
                    "<div class='zj_r'> " +
                    "<a href='javascript:void(0)'><img src='images/n_img1.jpg' width='236' height='200' /></a> " +
                    "<a href='javascript:void(0)'><img src='images/n_img2.jpg' width='236' height='200' /></a> " +
                    "</div> " +
                    "</div> " +
                    "</li> ");
                for(var j = 0;j<data.list2.length;j++){
                    if(data.list2[j].parentId==data.list1[i].id){
                        $("#a"+data.list1[i].id+" .zj .zj_l").append("<div class='zj_l_c'> " +
                            "<h2 id='b"+j+"'>"+data.list2[j].name+"</h2> " +
                            "</div>");
                        for(var k = 0;k<data.list3.length;k++){
                            if(data.list2[j].id==data.list3[k].parentId) {
                                $("#b"+j).after("<a href='CategoryList.html?categoryLevel3Id="+data.list3[k].id+"&amp;name2="+data.list3[k].name+"'>"+data.list3[k].name+"</a>|");
                            }
                        }
                    }
                }
            }
            $(".leftNav ul li").hover(
                function(){
                    $(this).find(".fj").addClass("nuw");
                    $(this).find(".zj").show();
                }
                ,
                function(){
                    $(this).find(".fj").removeClass("nuw");
                    $(this).find(".zj").hide();
                }
            )
        })
});

// $("li").live("click",function(){
//     location.href="CategoryList.html";
// });

// $(this).attr("id")+




//$(function(){
//    $.getJSON("/easybuy/home/index",
//        function(data){
//            var ia = "";
//            for(var i = 0;i<data.list1.length;i++){
//                var ja = "";
//                for(var j = 0;j<data.list2.length;j++){
//                    if(data.list2[j].parentId==data.list1[i].id){
//                        var ka = "";
//                        for(var k = 0;k<data.list3.length;k++){
//                            if(data.list2[j].id==data.list3[k].parentId) {
//                               var k1 = "<a href='#'>"+data.list3[k].name+"</a>|";
//                                ka = ka+k1;
//                            }
//                        }
//                        var j1 = "<div class='zj_l_c'> " +
//                        "<h2>"+data.list2[j].name+"</h2> " +
//                                ka+
//                        "</div> ";
//                        ja = ja+j1;
//                    }
//                }
//                var i1="<li type='l"+i+"' >" +
//                "<div class='fj'>" +
//                    " <span class='n_img'><span></span><img src='images/nav"+(i+1)+".png' /></span>" +
//                    " <span class='fl'>"+data.list1[i].name+"</span> " +
//                "</div> " +
//                "<div class='zj' style='top:-"+((5-i)*40)+"px;'> " +
//                    "<div class='zj_l'> " +
//                        ja+
//                    "</div>"+
//                    "<div class='zj_r'> " +
//                        "<a href='#'><img src='images/n_img1.jpg' width='236' height='200' /></a> " +
//                        "<a href='#'><img src='images/n_img2.jpg' width='236' height='200' /></a> " +
//                    "</div> " +
//                "</div> " +
//                "</li> ";
//                ia = i1+ia;
//            }
//            $(".leftNav ul").html(ia);
//            $(".leftNav ul li").hover(
//                function(){
//                    $(this).find(".fj").addClass("nuw");
//                    $(this).find(".zj").show();
//                }
//                ,
//                function(){
//                    $(this).find(".fj").removeClass("nuw");
//                    $(this).find(".zj").hide();
//                }
//            )
//        })
//});



